.kf-material-picker .material-group-tree-sider {
    margin-right: 0;
    border-right: 1px solid #e9e9e9;

    .material-group-tree-title-container {
        display: flex;
        justify-content: space-between;
        padding: 14px 24px 6px 24px;


        .material-group-tree-title {
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            font-size: 14px;

        }

        .material-group-tree-title-tools {
            font-size: 14px;
        }
    }

    .material-group-tree-search-wrap {
        padding: 8px 24px 8px 24px;
    }

    .material-group-tree {
        max-height: 720px;
        overflow-y: auto;
        padding: 0 24px 24px 14px;

        .ant-tree-title {
            display: flex;
            width: 100%;
            justify-content: space-between;

            .material-group-tree-node-tools {
                font-size: 24px;
                width: 24px;
            }

            .material-group-tree-node-title {
                flex: 1;
                width: 155px;
            }
        }
    }
    .ant-tree-treenode-selected  .material-group-tree-node-tools a{
        color: #ffffff;
    }
}

.kf-material-picker.material-group-page-layout {
    .ant-pro-table-search-query-filter {
        margin-bottom: 1px;
    }

    .kf-table-picker-table-wrap {
        .ant-pro-table .ant-pro-card-body {
            padding: 24px !important;
        }
    }
}
